<!DOCTYPE html>
<html lang="cn">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Telegram GetCode</title>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
  <style>
    .centered-card {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

    .login-table {
      width: 100%;
    }

    .login-table th {
      text-align: left;
      min-width: 150px;
      /* 设置最小宽度以适应中文字符 */
    }

    .login-table td {
      text-align: left;
    }

    .card-header {
      font-weight: bold;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px;
    }

    .card {
      border: 2px solid #28a745;
      /* 设置边框粗细和颜色 */
    }

    .telegram-logo {
      font-size: 2rem;
      color: #0088cc;
      /* Telegram 蓝色 */
      margin-right: 10px;
      /* 添加间距 */
    }

    .copyright {
      color: #888;
      font-size: 12px;
      margin-top: 10px;
    }
  </style>
</head>

<body>
  <div class="container">
    <div class="row">
      <div class="col-md-6 offset-md-3 centered-card">
        <div class="card text-center">
          <div class="card-header">
            <i class="fab fa-telegram telegram-logo"></i>
            <span>电报登录信息</span>
          </div>
          <div class="card-body">
            <table class="login-table">
              <tr>
                <th>验 证 码 : </th>
                <td id="code">59344</td>
                <td><i class="far fa-copy copy-icon" onclick="copyText('code')"></i></td>
              </tr>
              <tr>
                <th>登 录 时 间 : </th>
                <td>2024-08-31 14:29:20</td>
              </tr>
              <tr>
                <th>2FA 密 码 ： </th>
                <td id="password">200300</td>
                <td><i class="far fa-copy copy-icon" onclick="copyText('password')"></i></td>
              </tr>
            </table>
          </div>
          <div class="card-footer text-center">
            <!-- 作者：米哈同学 Telegram: https://t.me/MrMiHa @MiHa -->
            <div class="copyright">© 2024. 撸毛 版权所有。</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="https://kit.fontawesome.com/a076d05399.js"></script>
  <script>
    function copyText(elementId) {
      var element = document.getElementById(elementId);
      var text = element.innerText;

      var tempInput = document.createElement("input");
      tempInput.value = text;
      document.body.appendChild(tempInput);
      tempInput.select();
      document.execCommand("copy");
      document.body.removeChild(tempInput);

    }
  </script>
</body>

</html>